<template>
  <div class="bottom-component">
    <div>底部组件</div>
    <div>当前配置项：{{ props.data.type }}</div>
  </div>
</template>
<script>
export default {
  name: 'BottomComponent'
}
</script>
<script setup>
  const props = defineProps({
  data: {
    type: Object,
    default: ()=>{
      return {
        type: 'A'
      };
    }
  }
});
</script>

<style lang="scss" scoped>
.bottom-component {
  height: 100px;
  background: #096AFF;
}
</style>
